<template>
<div class="container">
    <div class="msg-style-02">
        <div class="s-unit">
            <div class="s-title c-shadow">使用规则</div>
            <div class="s-content style-02">
                <p>
                    1.惠民消费券中奖用户前往中国石油天然气股份有限公司辽宁沈阳销售分公司所属加油站消费满额可使用综合消费券1张，油品消费满100元可使用5元电子券1张；昆仑好客便利店内消费满100元可使用10元电子券1张。每名中奖用户电子券限领1次，电子券有效期至2020年5月30日止。
                </p>
                <p>
                    2.油品加满100元可实现综合消费券与5元油品券满足条件叠加使用，非油商品消费满100元可实现综合消费券与10元便利店消费券叠加使用。未满足上述条件的，不能叠加使用。
                </p>
                <p>
                    3.如需叠加使用，需先行核销中国石油电子券再核销市民综合券。
                </p>
            </div>
        </div>
    </div>
    <!--<div class="s-unit">-->
        <!--<div class="s-title c-shadow">主办单位</div>-->
        <!--<div class="s-content style-01">-->
            <!--<p>沈阳市商务局</p>-->
            <!--<p>沈阳市民政局</p>-->
            <!--<p>沈阳市财政局</p>-->
            <!--<p>沈阳市市场监管局市税务局</p>-->
            <!--<p>沈阳市委宣传部</p>-->
            <!--<p>沈阳市委网信办</p>-->
            <!--<p>沈阳市信息中心</p>-->
            <!--<p>辽宁省沈阳市大东公证处</p>-->
        <!--</div>-->
    <!--</div>-->
<!--    <subsidy-msg :msg="false"></subsidy-msg>-->
</div>
</template>

<script>
// import SubsidyMsg from './components/subsidy-msg/index'
export default {
  name: 'rule.vue',
  props: {
    msg: {
      type: Boolean,
      default: () => {
        return true
      }
    }
  }
  // components: { SubsidyMsg }
}
</script>

<style scoped lang="less">
    .container {
        padding: 10px;
    }
    .msg-style-01 {
    .s-unit {
        margin: 10px 30px 20px 30px;
    }

    .s-title {
        position: relative;
        width: 50%;
        margin: 0 auto;
        font-size: 16px;
        font-weight: bold;
        color: white;
        text-align: center;
        padding: 5px 0;
        background-image: linear-gradient(#62c3b0, #5a8f7f);
        border-radius: 5px;
        z-index: 100;
    }

    .s-content {
        border: 3px solid #3ea47f;
        padding: 20px 10px 10px 10px;
        color: #5a8f7f;
        margin-top: -20px;
    }

    .s-content.style-01 p {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .s-content.style-02 p {
        font-size: 14px;
        text-indent: 2em;
    }

    .s-content span {
        color: #88c647;
    }

    .c-shadow {
        -moz-box-shadow: 2px 2px 5px #4D4D3F;
        -webkit-box-shadow: 2px 2px 5px #4D4D3F;
        box-shadow: 2px 2px 5px #4D4D3F;
    }
    }

    .msg-style-02 {
    .s-unit {
        margin-bottom: 10px;
    }

    .s-title {
        border-left: 4px solid darkolivegreen;
        padding-left: 5px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .s-content p {
        font-size: 14px;
        text-indent: 2em;
    }
    }
</style>
